$(function(){
    let top_list=[];
    let $bigbox2=$(".bigbox2")
    // console.log($bigbox2.offset().top)
    // console.log($header_fixed)
    // $.each($bigbox2,function(index,ele){
        top_list.push($bigbox2.offset().top)
    // })
     console.log(top_list)
    
    $(".stairs .li1").click(function(){
        changeClass.call( this )
        var index=$(this).index(".stairs .li1")
        changeScrollTop( index );
        
    })
    $(".stairs .li1").first().click(function(){
        $(this).addClass("active").siblings().removeClass("active")
    })
    function changeClass(){
        $(this).addClass("active").siblings().removeClass("active")
    }
    $(".stairs .li2").click(function(){
        $("html,body").stop(true).animate({
            scrollTop:0
      },2000)
    })
    function changeScrollTop( index ){
        // 切换页面的scrollTop;
        $("html,body")
        .stop( true )
        .animate({
              scrollTop : top_list[index]
        })
    }
    // // 根据滚动的scrollTop 获取当前楼层下标;
    // $(window).scroll(function(){
    //     var index=getIndex()
    //      changeBtnClass( index );
    //     //  console.log(index)
    // })
    // function getIndex(){
    //     var scrollTop=$("html,body").scrollTop()
    //     if(scrollTop>=top_list[top_list.length-1]){
    //         return top_list.length-1
    //     }
    //     for(let i=0;i<top_list.length;i++){
    //         if(scrollTop>=top_list[i]&&scrollTop<top_list[i+1]){
    //             return i
    //         }
    //     }   
    // }
    //  function changeBtnClass( index ){
    //     $(".stairs .li2")
    //     .removeClass("active")
    //     .eq(index)
    //     .addClass("active")
    //  }
    })

    
